<div>
    <div class="text-right">
        <button type="button" class="btn btn-primary btn-sm" v-on:click="_exportExcel()">
            <i class="fa fa-plus"></i>
            <vc:i18n name="导出" namespace="reportPrePaymentFee"></vc:i18n>
        </button>
    </div>
    <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
        <thead>
        <tr>
            <th class="text-center">
                <vc:i18n name="费用编号" namespace="reportPrePaymentFee"></vc:i18n>
            </th>
            <th class="text-center">
                <vc:i18n name="房号/车辆/合同" namespace="reportPrePaymentFee"></vc:i18n>
            </th>
            <th class="text-center">
                <vc:i18n name="费用项" namespace="reportPrePaymentFee"></vc:i18n>
            </th>
            <th class="text-center">
                <vc:i18n name="费用开始时间" namespace="reportPrePaymentFee"></vc:i18n>
            </th>
            <th class="text-center">
                <vc:i18n name="距离费用开始时间（天）" namespace="reportPrePaymentFee"></vc:i18n>
            </th>
        </tr>
        </thead>
        <tbody>
        <tr v-for="(fee,index) in reportPrePaymentFeeInfo.fees">
            <td class="text-center">{{index+1}}</td>
            <td class="text-center">{{fee.objName}}</td>
            <td class="text-center">{{fee.feeName}}</td>
            <td class="text-center">{{fee.endTime}}</td>
            <td class="text-center">{{fee.oweDay}}</td>
        </tr>
        </tbody>
        <tfoot>
        <tr>
            <td colspan="7">
                <ul class="pagination float-right"></ul>
            </td>
        </tr>
        </tfoot>
    </table>
    <!-- 分页 -->
    <div class="row margin-top-xs">
        <div class="col-sm-9">
            <div>温馨提示：此表反馈7天内开始缴费的费用</div>
        </div>
        <div class="col-sm-3 float-right">
            <vc:create namespace="reportPrePaymentFee" path="frame/paginationPlus"></vc:create>
        </div>
    </div>
</div>